@mixin clearfix{
    &::after{
        content: "";
        display: table;
        clear: both;
    }
}

@mixin textGradiant{
    display: inline-block;
    color: transparent;
    -webkit-background-clip: text;
}

@mixin absCenter{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}


//MEDIA QUERY MANAGER
/*
0 - 600px:      Phone
600 - 900px:    Tablet portrait
900 - 1200px:   Tablet landscape
1200 - 1800px:  Laptop
1800px +:       Big Desktop
*/

@mixin respond-phone{
    @media(max-width: 600px){@content}
}